﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="1.ascx.cs" Inherits="apps_uc_apps_1" %>
 <div class="wrap_cauhoi" style="width: 90%">
        <div class="title_don">
            <table style="width: 100%;">
                <tr>
                    <td>
                        <h1>
                            <asp:Label ID="txtTenVB" runat="server" Text="Label">Văn Phòng Cho Thuê</asp:Label></h1>
                    </td>
                </tr>
            </table>
        </div>
        <div class="hint">
            <table style="width: 100%;">
                <tr>
                    <td>
                        Phần mềm này có sự linh hoạt để cho phép bạn nhanh chóng tạo ra Nhiệm vụ được thuê
                        mà bạn muốn. Nó làm điều này bằng cách cung cấp nhiều tùy chọn với mặc định thích
                        hợp. Một mặc định phổ biến là "Không Xác định". Mặc định Điều này có nghĩa là thỏa
                        thuận xong sẽ không có một điều khoản giao dịch với chủ đề đó. Lợi ích của việc
                        không xác định là bạn nhận được một tài liệu ngắn hơn và đơn giản, tuy nhiên, tài
                        liệu sẽ ít chính xác. Ngoài ra, trong một số trường hợp, vấn đề có thể thậm chí
                        không được áp dụng. Ví dụ, nếu bạn không muốn xác định xem tiện ích này được bao
                        gồm trong tiền thuê nhà, sau đó nó là thích hợp để chọn "Không Chỉ định cho câu
                        trả lời cho câu hỏi này.
                    </td>
                </tr>
            </table>
        </div>
        <!-- Start 1 Cauhoi -->
        <div class="cauhoi">
            <span class="cauhoi_title" colspan="2">Luật pháp </span>
            <table style="width: 100%;">
                <tr>
                    <td class="cauhoi_ct">
                        Bang 
                    </td>
                    <td>
                        <asp:DropDownList ID="DropDownList1" runat="server">
                            <asp:ListItem Value="0">Select</asp:ListItem>
                            <asp:ListItem Value="AL">Alabama</asp:ListItem>
                            <asp:ListItem value="AK">Alaska</asp:ListItem>
                            <asp:ListItem value="AZ">Arizona</asp:ListItem>
                            <asp:ListItem value="AR">Arkansas</asp:ListItem>
                            <asp:ListItem value="CA">California</asp:ListItem>
                            <asp:ListItem value="CO">Colorado</asp:ListItem>
                            <asp:ListItem value="CT">Connecticut</asp:ListItem>
                            <asp:ListItem value="DE">Delaware</asp:ListItem>
                            <asp:ListItem value="DC">District of Columbia</asp:ListItem>
                            <asp:ListItem value="FL">Florida</asp:ListItem>
                            <asp:ListItem value="GA">Georgia</asp:ListItem>
                            <asp:ListItem value="HI">Hawaii</asp:ListItem>
                            <asp:ListItem value="ID">Idaho</asp:ListItem>
                            <asp:ListItem value="IL">Illinois</asp:ListItem>
                            <asp:ListItem value="IN">Indiana</asp:ListItem>
                            <asp:ListItem value="IA">Iowa</asp:ListItem>
                            <asp:ListItem value="KS">Kansas</asp:ListItem>
                            <asp:ListItem value="KY">Kentucky</asp:ListItem>
                            <asp:ListItem value="LA">Louisiana</asp:ListItem>
                            <asp:ListItem value="ME">Maine</asp:ListItem>
                            <asp:ListItem value="MD">Maryland</asp:ListItem>
                            <asp:ListItem value="MA">Massachusetts</asp:ListItem>
                            <asp:ListItem value="MI">Michigan</asp:ListItem>
                            <asp:ListItem value="MN">Minnesota</asp:ListItem>
                            <asp:ListItem value="MS">Mississippi</asp:ListItem>
                            <asp:ListItem value="MO">Missouri</asp:ListItem>
                            <asp:ListItem value="MT">Montana</asp:ListItem>
                            <asp:ListItem value="NE">Nebraska</asp:ListItem>
                            <asp:ListItem value="NV">Nevada</asp:ListItem>
                            <asp:ListItem value="NH">New Hampshire</asp:ListItem>
                            <asp:ListItem value="NJ">New Jersey</asp:ListItem>
                            <asp:ListItem value="NM">New Mexico</asp:ListItem>
                            <asp:ListItem value="NY">New York</asp:ListItem>
                            <asp:ListItem value="NC">North Carolina</asp:ListItem>
                            <asp:ListItem value="ND">North Dakota</asp:ListItem>
                            <asp:ListItem value="OH">Ohio</asp:ListItem>
                            <asp:ListItem value="OK">Oklahoma</asp:ListItem>
                            <asp:ListItem value="OR">Oregon</asp:ListItem>
                            <asp:ListItem value="PA">Pennsylvania</asp:ListItem>
                            <asp:ListItem value="RI">Rhode Island</asp:ListItem>
                            <asp:ListItem value="SC">South Carolina</asp:ListItem>
                            <asp:ListItem value="SD">South Dakota</asp:ListItem>
                            <asp:ListItem value="TN">Tennessee</asp:ListItem>
                            <asp:ListItem value="TX">Texas</asp:ListItem>
                            <asp:ListItem value="UT">Utah</asp:ListItem>
                            <asp:ListItem value="VT">Vermont</asp:ListItem>
                            <asp:ListItem value="VA">Virginia</asp:ListItem>
                            <asp:ListItem value="WA">Washington</asp:ListItem>
                            <asp:ListItem value="WU">West Virginia</asp:ListItem>
                            <asp:ListItem value="WI">Wisconsin</asp:ListItem>
                            <asp:ListItem value="WY">Wyoming</asp:ListItem>
                    </asp:DropDownList>
                        <asp:RequiredFieldValidator ID="rqValidate" InitialValue="0" runat="server" ErrorMessage="*" ControlToValidate="DropDownList1" SetFocusOnError="True"></asp:RequiredFieldValidator>
                    </td>
                    <td class="thunho">
                    <div id="rollover">
                     <a><img src="<%=ResolveClientUrl("~/img/quest_mark.png")%>"/>
                            <span>
                            Hỏi: Luật điều chỉnh sửa đổi, thuê của tôi là gì?<br><br>
                            Trả Lời: Luật điều chỉnh sẽ là thẩm quyền trong đó các cơ sở cho thuê được vị trí, bất kể trong đó khu vực pháp lý người thuê nhà và chủ cho thuê cư trú.
                            </span>
                         </a>
                    </div>
                    </td>
                </tr>
            </table>
        </div>
        <!-- End 1 Cauhoi -->
        <!-- Start 1 Cauhoi -->
        <div class="cauhoi">
            <span class="cauhoi_title" colspan="2">Thông tin chủ tài sản : </span>
            <%--<table style="width: 100%;">
                <tr>
                    <td class="cauhoi_ct">
                        Number of Lanlord :
                    </td>
                    <td>
                        <select id="landlordopt" name="landlordopt">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                        </select>
                    </td>
                </tr>
            </table>--%>
            <div id="morong1">
                
                <table style="width: 100%;">
                    <tr>
                        <td class="cauhoi_ct">
                            Type :
                        </td>
                        <td>
                            <select name="typelandlord">
                                <option value="invi">Invidiual</option>
                                <option value="corpor">Corporation/Organization</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Name :
                        </td>
                        <td>
                            <%--<input id="lanlord1" type="text" size="30" />--%>
                            <asp:TextBox ID="landlord1" runat="server"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="landlord1" runat="server" ErrorMessage="*"></asp:RequiredFieldValidator>
                        </td>
                    </tr>
                </table>
            </div>
            <%--<div id="morong2" style="display: none">
                <b>Lanlord's Information</b>
                <table style="width: 100%;">
                    <tr>
                        <td class="cauhoi_ct">
                            Type :
                        </td>
                        <td>
                            <select name="typelandlord">
                                <option value="invi">Invidiual</option>
                                <option value="corpor">Corporation/Organization</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Name :
                        </td>
                        <td>
                            <%--<input id="landlord2" type="text" size="30" />
                            <asp:TextBox ID="landlord2" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </div>--%>
            <%--<div id="morong3" style="display: none">
                <b>Lanlord's Information</b>
                <table style="width: 100%;">
                    <tr>
                        <td class="cauhoi_ct">
                            Type :
                        </td>
                        <td>
                            <select name="typelandlord">
                                <option value="invi">Invidiual</option>
                                <option value="corpor">Corporation/Organization</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Name :
                        </td>
                        <td>
                            <%--<input id="landlord3" type="text" size="30" />
                            <asp:TextBox ID="landlord3" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </div>--%>
        </div>
        <!-- End 1 Cauhoi -->
        <!-- Start 1 Cauhoi -->
        <div class="cauhoi">
            <span class="cauhoi_title" colspan="2">Tenant's Information </span>
            <%--<table style="width: 100%;">
                <tr>
                    <td class="cauhoi_ct">
                        Number of Tenant (s) :
                    </td>
                    <td>
                        <select id="tenantopt" name="tenantopt">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                        </select>
                    </td>
                </tr>
            </table>--%>
            <div id="tenant1">
                <%--<b>Tenant's Information</b>--%>
                <table style="width: 100%;">
                    <tr>
                        <td class="cauhoi_ct">
                            Type :
                        </td>
                        <td>
                            <select name="typetenant">
                                <option value="invi">Invidiual</option>
                                <option value="corpor">Corporation/Organization</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Name :
                        </td>
                        <td>
                            <%--<input id="tenantname1" type="text" size="30" />--%>
                            <asp:TextBox ID="tenantname1" runat="server"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="tenantname1" runat="server" ErrorMessage="*"></asp:RequiredFieldValidator>
                        </td>
                    </tr>
                </table>
            </div>
            <%--<div id="tenant2" style="display: none">
                <b>Tenant's Information</b>
                <table style="width: 100%;">
                    <tr>
                        <td class="cauhoi_ct">
                            Type :
                        </td>
                        <td>
                            <select name="typetenant">
                                <option value="invi">Invidiual</option>
                                <option value="corpor">Corporation/Organization</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Name :
                        </td>
                        <td>
                            <%--<input id="tenantname2" type="text" size="30" />
                            <asp:TextBox ID="tenantname2" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </div>--%>
            <%--<div id="tenant3" style="display: none">
                <b>Tenant's Information</b>
                <table style="width: 100%;">
                    <tr>
                        <td class="cauhoi_ct">
                            Type :
                        </td>
                        <td>
                            <select name="typetenant">
                                <option value="invi">Invidiual</option>
                                <option value="corpor">Corporation/Organization</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Name :
                        </td>
                        <td>
                            <%--<input id="tenantname3" type="text" size="30" />
                            <asp:TextBox ID="tenantname3" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </div>--%>
        </div>
        <!-- End 1 Cauhoi -->
        <!-- Start 1 Cauhoi -->
        <div class="cauhoi">
            <span class="cauhoi_title" colspan="2">Lease Information </span>
            <table style="width: 100%;">
                <tr>
                    <td class="cauhoi_ct">
                        Date of Lease :
                    </td>
                    <td>
                        <%--<input id="leasedate" type="text" size="30" />--%>
                        <asp:TextBox ID="leasedate" runat="server"></asp:TextBox>
                        <span class="chuthich">(exp: July 24th , 2012)</span>
                    </td>
                    <td class="thunho">
                    <div id="rollover">
                     <a><img src="<%=ResolveClientUrl("~/img/quest_mark.png")%>"/>
                            <span>
                            Q:  If the Landlord and Tenant execute a Lease Amendment, do the terms of the original lease still apply?<br><br>
                            A:  Yes, all of the original lease terms still apply, except to the extent they have been amended by the Lease Amending Agreement.
                            </span>
                         </a>
                    </div>
                    </td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Premises' Address :
                    </td>
                    <td>
                        <%--<input id="address" type="text" size="30" />--%>
                        <asp:TextBox ID="address" runat="server"></asp:TextBox>
                        <span class="chuthich">(exp: Suite #, Building Name, Street, City, State, Zip Code)</span>
                    </td>
                </tr>
            </table>
        </div>
        <!-- End 1 Cauhoi -->
        <!-- Start 1 Cauhoi -->
        <div class="cauhoi">
            <span class="cauhoi_title" colspan="2">Amendment </span>
            <table style="width: 100%;">
                <tr>
                    <td class="cauhoi_ct">
                        Which amendment to the Lease is this ? :
                    </td>
                    <td>
                        <input name="thutu" type="radio" value="first" checked />
                        Thứ Nhất
                        <input name="thutu" type="radio" value="second" />
                        Thứ Hai
                        <input name="thutu" type="radio" value="third" />
                    Thứ Ba
                    </td>
                    <td>
                    <div id="rollover">
                     <a><img src="<%=ResolveClientUrl("~/img/quest_mark.png")%>"/>
                            <span>
                            Q:   How many times can I amend a lease using a Lease Amendment ?<br><br>
                            A:   Our contract allows you to make amendments to a lease on 4 separate occasions. If  additional amendments are needed after the fourth amendment, then an entirely new lease should be executed. 
                            </span>
                         </a>
                    </div>
                    </td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Number of Amendments :
                    </td>
                    <td>
                        <select name="amendopt" id="amendopt">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                        </select>
                    </td>
                </tr>
            </table>
            <div id="amend1">
                <table style="width: 100%;">
                    <tr>
                        <td colspan="2">
                            First Amendment:
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <%--<textarea id="txtamend1" cols="35" rows="4"></textarea>--%>
                            <asp:TextBox ID="txtamend1" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="amend2" style="display: none">
                <table style="width: 100%;">
                    <tr>
                        <td colspan="2">
                            Second Amendment:
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <%--<textarea id="txtamend2" cols="35" rows="4"></textarea>--%>
                            <asp:TextBox ID="txtamend2" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="amend3" style="display: none">
                <table style="width: 100%;">
                    <tr>
                        <td colspan="2">
                            Third Amendment:
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <%--<textarea id="txtamend3" cols="35" rows="4"></textarea>--%>
                            <asp:TextBox ID="txtamend3" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="clear">
            </div>
            <span class="chuthich">(e.g. A. Clause 5 of the Lease is hereby amended by deleting
                the phrase "due on the fourth of each month" and replacing it with the phrase "due
                on the first of each month." B. The following provision is hereby added immediately
                after Section 6.2 of the Lease: "6.3 The Landlord may include in the monthly Operating
                Costs one-twelfth (1/12) of the Landlord's reasonable estimate of the taxes for
                the calendar year." C. Clause 6.2 of the Lease is deleted in its entirety and is
                replaced with the following: "6.2 The Landlord is responsible for the following
                utilites: electricity, natural gas, and water. The Tenant is responsible for all
                other utilities.")</span>
        </div>
        <!-- End 1 Cauhoi -->
        <!-- Start 1 Cauhoi -->
        <div class="cauhoi">
            <span class="cauhoi_title" colspan="2">Additional Term </span>
            <table style="width: 100%;">
                <tr>
                    <td class="cauhoi_ct">
                        Content of Tearm :
                    </td>
                    <td>
                        <%--<textarea id="txtaddTerm" cols="20" rows="2"></textarea>--%>
                        <asp:TextBox ID="txtaddTerm" runat="server"></asp:TextBox>
                    </td>
                    <td class="thunho">
                    <div id="rollover">
                     <a><img src="<%=ResolveClientUrl("~/img/quest_mark.png")%>"/>
                            <span>
                            Q: Can I add completely new clauses to the lease ?<br><br>
                            A:  Yes, you can use the Additional Terms section of the questions page to create new lease terms that were not contained in the lease originally. 
                            </span>
                         </a>
                    </div>
                    </td>
                </tr>
            </table>
        </div>
        <!-- End 1 Cauhoi -->
        <!-- Start 1 Cauhoi -->
        <div class="cauhoi">
            <span class="cauhoi_title" colspan="2">Signing Details :</span>
            <table style="width: 100%;">
                <tr>
                    <td class="cauhoi_ct">
                        Data Sublease Signed :
                    </td>
                    <td>
                        <%--<input id="txtNgayKi" type="text" />--%>
                        <asp:TextBox ID="txtNgayKi" runat="server"></asp:TextBox>
                        <span class="chuthich">e.g : July 25 2012</span>
                    </td>
                </tr>
            </table>
        </div>
        <!-- End 1 Cauhoi -->
        <br />
        <div class="xacnhan" style="text-align: center;">
            <span><asp:Button ID="btn_sendkq" runat="server" Text="Xem Trước" PostBackUrl="~/apps/testHttpPost.aspx" CssClass="css_nutkq" /></span>
        </div>
        
    </div>
    <!-- Script  -->
<script type="text/javascript">
        $(document).ready(function() {
            $("#landlordopt").change(function(){              
                var x = $('#landlordopt :selected').val();
               //alert(x);
                
                // set lai hien thi la none
                for (i = 3; i>=1; i--) {
                    document.getElementById("morong"+i).style.display="none";
                    //alert(i);
                }
                // hien thi ra
                for (i =1; i<=x; i++) {
                    document.getElementById("morong"+i).style.display="block";
                }
                //set lai value cua textbox la ""
                for (i=4; i>x; i--) {
                    document.getElementById("landlord"+i).value = "";
                }
            });
            $("#tenantopt").change(function(){
                var x = $('#tenantopt :selected').val();
                
                for (i = 3; i>=1; i--) {
                    document.getElementById("tenant"+i).style.display="none";
                
                }
                for (i =1; i<=x; i++) {
                    document.getElementById("tenant"+i).style.display="block";
                }
              for (i=4; i>x; i--) {
                    document.getElementById("tenantname"+i).value = "";  
                }
            });
            $("#amendopt").change(function(){
                var x = $('#amendopt :selected').val();
                
                for (i = 3; i>=1; i--) {
                    document.getElementById("amend"+i).style.display="none";
                
                }
                for (i =1; i<=x; i++) {
                    document.getElementById("amend"+i).style.display="block";
                }
              for (i=4; i>x; i--) {
                    document.getElementById("txtamend"+i).value = "";  
                }
            });
        });
        
        function setVisDisp(objectId,visible) {
           var type;
           if(arguments.length==3) type=arguments[2];
           else type = "block";
           if(document.getElementById && document.getElementById(objectId)) {
              document.getElementById(objectId).style.display = 
                 (visible)?type:"none";
           } else if (document.all && document.all(objectId)) {
              document.all(objectId).style.display =
                 (visible)?type:"none";
           }
        }
        
        // kiem tra
        function checkInfo()
        {
          if (getObject('landlordNname1').value == "") 
           {
             setVisDisp("errorMessageDisp1", true);
             getObject('landlordNname1').focus();

             if (getObject('tenantNname1').value != "")
              setVisDisp("errorMessageDisp2", false);
             
             check=false;
           }
             
              
           if (getObject('tenantNname1').value == "")
           {
             setVisDisp("errorMessageDisp2", true);
             getObject('tenantNname1').focus();

             if (getObject('landlordNname1').value != "") 
              setVisDisp("errorMessageDisp1", false);

             
             check=false;
           }

           if (getFormObject("leaseamend", "stateProv").value == "sel")
           {
             setVisDisp("errorMessageDisp3", true);	
             getFormObject('leaseamend', 'stateProv').focus();
            
             check=false;
           }

           else
              setVisDisp("errorMessageDisp3", false);	
          
           if (getFormObject("leaseamend", "stateProv").value == "sel")
           {
             setVisDisp("errorMessageDisp4", true);	
             getFormObject('leaseamend','stateProv').focus();
             
             check=false;
           }
           
           else
              setVisDisp("errorMessageDisp4", false);
        }
        
    </script>
    <style>
        #rollover a {
        text-decoration:none;}

        #rollover  a span {
        visibility:hidden;
        display:block;
        position:absolute;
        /**adjust disjointed text position in % or px**/ 
        left:65%;
        width:300px;
        min-height:100px;
        color:#0c5ec3;
        background-color:#fbfbfc;
        border: 2px solid #444445;
        padding: 5px; 
        border-radius:5px;
        }

        #rollover  a:hover span {
        visibility:visible;
        }

        #rollover  a:hover {
        text-decoration: none;
        color:#FF6600;
        visibility:visible; } 
    </style>